<template>
  <div class="banner_box">
    <van-swipe :autoplay="3000" >
      <van-swipe-item v-for="(item, index) in banner" :key="index">
        <img :src="item.img_url" />
      </van-swipe-item>
    </van-swipe>
    <div>
      <img src="http://img52.ddimg.cn/223870155280012_y.jpg" class="discoImg">
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      banner: [
        {
          img_banner_id: 1,
          img_url:"http://img61.ddimg.cn/upload_img/00887/1/1242x366_0906_01-1631005140.jpg",
        },
        {
          img_banner_id: 2,
          img_url:"http://img61.ddimg.cn/upload_img/00834/1/366-8-1630894809.jpg",
        },
        {
          img_banner_id: 3,
          img_url:"http://img63.ddimg.cn/upload_img/00785/ts0908_0911/1242x366-1630986479.jpg",
        },
        {
          img_banner_id: 4,
          img_url:"http://img60.ddimg.cn/upload_img/00887/1/jiaofu-1631005140.jpg",
        },
        {
          img_banner_id: 5,
          img_url: "http://img54.ddimg.cn/157400151356114_y.jpg",
        },
        {
          img_banner_id: 6,
          img_url:
            "http://img62.ddimg.cn/upload_img/00887/1/waiyu1242x366-1631005355.jpg",
        },
        {
          img_banner_id: 7,
          img_url: "http://img54.ddimg.cn/86030146960304_y.jpg",
        },
      ],
    };
  },
};
</script>

<style lang="less" scoped>
.banner_box {
  padding: 10px 12px 0px 12px;
  height: auto;
  box-sizing: border-box;
  img {
    width: 100%;
    // height:104px;
    border-radius: 10px 10px 0px 0px;
  }
  .discoImg{
    height: auto;
    border-radius: 0px 0px 10px 10px;
  }
}
</style>